Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responsive full view #17

Merged
merged 7 commits into from
Sep 21, 2017
Merged

Responsive full view #17

merged 7 commits into from
Sep 21, 2017

Conversation

mcallegari10
Copy link
Contributor

@mcallegari10 mcallegari10 commented Sep 20, 2017

Description

Add full screen in responsive mobile view

Screenshot

image

Landscape:

image

README.md Outdated
@@ -100,29 +102,13 @@ class App extends Component {
export default App;
```

4- Customize the widget to match your app design! You can add both props to manage the title of the widget, the avatar it will use and of course the styles it will have.
4- Customize the widget to match your app design! You can add both props to manage the title of the widget, the avatar it will use and of course, you can change, from the CSS, the styles the widget will have.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

there are a lot of commas at the end of this sentence, check how to paraphrase it with iniaki

README.md Outdated
- **stylesInjected:** (Proptypes.object) The styles to be injected, see [styles](#styles)
- **handleNewUserMessage:** (PropTypes.func.isRequired) Function to handle the user input, will receive the full text message when submitted
- **profileAvatar:** (PropTypes.string) The profile image that will be set on the responses
- **showCloseButton:** (PropTypes.bool) Show or not the close button in full screen mode
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

show or hide

<div className="header">
{showCloseButton &&
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

leave the { in a separate line

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mmm.. I don't really like the way it looks writing in a separate line and leaving the { alone 😞

<div className="header">
{showCloseButton &&
<button className="close-button" onClick={toggleChat}>
<img src={close} className="close" alt="" />
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

change the alt value to "close"

flex-direction: column;
height: 100%;
}
}
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

empty line at EOF

@SKOLZ SKOLZ assigned mcallegari10 and unassigned SKOLZ Sep 21, 2017
@mcallegari10 mcallegari10 assigned SKOLZ and unassigned mcallegari10 Sep 21, 2017
@mcallegari10 mcallegari10 merged commit 04f18c6 into master Sep 21, 2017
@mcallegari10 mcallegari10 deleted the responsive-full-view branch September 21, 2017 20:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants